$(function () {

  // 1- 进度条功能
  // 什么时候动起来：  第一个请求发出去 进度条动起来； 
  $(document).ajaxStart(function () {
    NProgress.start();
  });

  // 什么时候结束：    最后一个请求完成时， 进度条结束动画；
  $(document).ajaxStop(function () {
    // 让用户加钱优化
    setTimeout(function () {
      NProgress.done();
    }, 1000);
  })

  // 2- 切换分类二级导航 
  $('.cate-link').click(function () {
    $('.cate-list').stop().slideToggle();  // 切换ul
  })

  // 3- 切换侧边栏  toggle 
  // 2 - 切换侧边栏  toggle
  // 1 - 点击菜单按钮， 切换侧边栏
  // 2 - 给 lt - aside  切换 lt - out 类名
  // 3 - 给 lt - top 切换  pl - 180 类名
  // 4 - 给 body 切换 pl - 180 类名
  // 推荐做动画方式： 
  // 建议将所有的动画 css3完成， 用类名将动画进行封装， 配合过渡实现动画，  js值负责切换类名；

  $('.menu').click(function () {
    $('.lt-aside').toggleClass('lt-out');
    $('.lt-top, body').toggleClass('pl-180');
  })

  // 4- 用户退出功能 
  // 用户退出 删除用户在服务器登陆过标记；（前端只需发送ajax请求通知后台退出）
  $('.logout').click(function () {
    // 通知服务器退出 
    $.ajax({
      type: 'get',
      url: ' /employee/employeeLogout',
      dataType: 'json',
      success: function (res) {
        console.log(res);
        if (res.success) {
          // 去登录页 
          location.href = './login.html';
        }
      }
    })
  })

});